<div class="overview">

  <div class="overview-left">
    <div class="overview-title">
      <img class="icon" src="../../../assets/image/home/overview/diamond.png" alt="">
      <span class="title-text">不同区域{{titleName}}颁布特征对比分析</span>
    </div>
    <div class="chart">
      <div class="legend">
        <div class="legend-bar">
          <app-number-evolution [heightCount]="'300px'"></app-number-evolution>
        </div>
        <div class="legend-text">政策数量演进</div>
      </div>
      <div class="legend">
        <div class="legend-bar">
          <app-area-spread [heightCount]="'300px'"></app-area-spread>
        </div>
        <div class="legend-text">政策地域分布</div>
      </div>
      <div class="legend">
        <div class="legend-bar">
          <app-publish-organ-chart [heightCount]="'300px'"></app-publish-organ-chart>
        </div>
        <div class="legend-text">发布机构分布</div>
      </div>
    </div>
  </div>

  <div class="overview-right">
    <div class="overview-title">
      <img class="icon" src="../../../assets/image/home/overview/diamond.png" alt="">
      <div class="title-text">不同区域{{titleName}}演变特征对比分析</div>
    </div>
    <div class="chart">
      <div class="legend">
        <div class="legend-bar">
          <app-policy-spread-chart [heightCount]="'300px'"></app-policy-spread-chart>
        </div>
        <div class="legend-text">政策扩散</div>
      </div>
      <div class="legend">
        <div class="legend-bar">
          <app-policy-focus-chart [heightCount]="'300px'"></app-policy-focus-chart>
<!--          <app-quarter-keyword-bar [heightCount]="'300px'"></app-quarter-keyword-bar>-->

        </div>
        <div class="legend-text">政策热点聚焦</div>
      </div>
      <div class="legend">
        <div class="legend-bar">
          <app-organ-post-chart [heightCount]="'300px'"></app-organ-post-chart>
        </div>
        <div class="legend-text">机构合作发文</div>
      </div>
    </div>
  </div>
</div>

